import React, { Component } from 'react';
import { EnvView } from '$router';
import Touchable from '$yo-component/touchable';
import yoHistory from '$common/history';
import './index.scss';

class Footer extends Component {
    render() {
        return (
            <ul className="yo-tab yo-tab-view">
                      <Touchable touchClass="m-content-active" onTap={() => {
                        yoHistory.push('/list');
                         }}>
                            <li className="item item-y-ico item-on"><i className="yo-ico"></i>技能</li>
                        </Touchable>
            
                        <Touchable touchClass="m-content-active" onTap={() => {
                            yoHistory.push('/project');
                                }}>
                            <li className="item item-y-ico item-on"><i className="yo-ico"></i>项目</li>
                        </Touchable>
                                
                        <Touchable touchClass="m-content-active" onTap={() => {
                            yoHistory.push('/detail');
                                }}>
                            <li className="item item-y-ico item-on"><i className="yo-ico"></i>经历</li>
                        </Touchable>
                        <Touchable touchClass="m-content-active" onTap={() => {
                            yoHistory.push('/');
                                }}>
                            <li className="item item-y-ico item-on"><i className="yo-ico"></i>我的</li>
                        </Touchable>    
                        </ul> 
            
        )
    }
}

Footer.defaultProps = {
   
}

export default Footer;



